<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery.layout</title>
<link rel="stylesheet" type="text/css" href="../themes/default/panel.css" />
<link rel="stylesheet" type="text/css" href="../themes/icon.css" />
<script type="text/javascript" src="../jquery-1.10.2.js">
</script>
<script type="text/javascript" src="../src/jquery.parser.js">
</script>
<script type="text/javascript" src="../src/jquery.panel.js">
</script>
</head>
<body>
<div  class="xui-panel" title="My Panel"    
        style="width:500px;height:150px;padding:10px;background:#fafafa;"  
        data-options="iconCls:'icon-ok'">
  <p>panel content.</p>
  <p>panel content.</p>
  <p>panel content.</p>
  <p>panel content.</p>
  <div>
  <a href="#">测试</a>
  </div>
</div>
<br>
<div  class="xui-panel" title="My Panel"    
        style="width:500px;height:150px;padding:10px;background:#fafafa;"  
        data-options="iconCls:'icon-ok',collapsed:true">
  <p>panel content.</p>
  <p>panel content.</p>
  <p>panel content.</p>
  <p>panel content.</p>
  <div>
  <a href="#">测试</a>
  </div>
</div>

<script type="text/javascript">
$('.xui-panel').panel({
	
});
</script>
</body>
</html>